$(function () {
    init();

    function init() {
        /* 初始化区域滚动 */
        mui('.mui-scroll-wrapper').scroll({
            //  deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
            scrollY: true, //是否竖向滚动
            scrollX: false, //是否横向滚动
            startX: 0, //初始化时滚动至x
            startY: 0, //初始化时滚动至y
            indicators: false, //是否显示滚动条
            deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
            bounce: true //是否启用回弹
        });

        /* 查询一级菜单 */
        queryTopCategory(function (result) {
            /* 获取一级分类的id */
            var id = result.rows[0].id;
            querySecondCategory(id);
        });

        /* 给li标签绑定tap */
        $(".left-menu-ul").on("tap", "li", function () {
            /* 获取一级分类的id */
            var id = $(this).data("id");
            /* 根据被点击的一级菜单查询二级品牌 */
            querySecondCategory(id);
            
        });
    }

    /* 查询一级菜单 */
    function queryTopCategory(callback) {
        $.get("/category/queryTopCategory", function (result) {
            var rows = result.rows;

            var htmlArr = [];
            for (var i = 0; i < rows.length; i++) {
                htmlArr.push('<li data-id=' + rows[i].id + '><a href="#">' + rows[i].categoryName + '</a></li>');
            }

            /* 获取要渲染的html代码 */
            var htmlStr = htmlArr.join('');
            $(".left-menu-ul").html(htmlStr);

            callback && callback(result);
        });
    }

    /* 查询二级品牌 */
    function querySecondCategory(id) {
        $.get("/category/querySecondCategory?id=" + id, function (result) {
            /* 把请求到的数据添加到结构里面 */
            var rows = result.rows;
            var htmlArr = [];
            for (var i = 0; i < rows.length; i++) {
                htmlArr.push('<a href="javascript:;"><img src="' + rows[i].brandLogo + '" alt=""><p>' + rows[i].brandName + '</p></a>');
            }
            /* 获取要渲染的html代码 */
            var htmlStr = htmlArr.join('');
            $(".lt-item").html(htmlStr);
        });
    }
});